<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/six.css">
</head>

<body>
    <div class="root">
        <div class="one">
            <img src="./创家盛典/images/pagesix/t1.png" alt="">
            <img src="./创家盛典/images/pagesix/t2.png" alt="">
            <img src="./创家盛典/images/pagesix/t3.png" alt="">
            <img src="./创家盛典/images/pagesix/t4.png" alt="">
            <img src="./创家盛典/images/pagesix/t5.png" alt="">
            <img src="./创家盛典/images/pagesix/t6.png" alt="">
        </div>
        <div class="two"><img src="./创家盛典/images/pagesix/line.png" alt=""></div>
        <div class="three">
            <img src="./创家盛典/images/pagesix/title.png" alt="">
            <img src="./创家盛典/images/pagesix/titlet.png" alt="">
            <img src="./创家盛典/images/pagesix/wo1.png" alt="">
            <img src="./创家盛典/images/pagesix/wo2.png" alt="">
            <img src="./创家盛典/images/pagesix/wo3.png" alt="">
        </div>
        <div class="bottom"><img src="./创家盛典/images/pageone/slide.png" alt=""></div>

    </div>
</body>

</html>
<script src="../js/jquery-3.4.1.min.js"></script>
<script src="../js/touch-0.2.14.min.js"></script>
<script src="../js/jqfloat.min.js"></script>
<script>
    touch.on(window, "swipeup", function() {
        window.open("./seven.html", '_self');
    })

    function dm() {
        $(".bottom img").animate({
            bottom: 3 + "rem",

        }, 500, )

        $(".bottom img").animate({
            bottom: 2 + "rem"
        }, 500)

    };
    dm();
    setInterval(dm, 1000);

    $('.one img').jqFloat({
        width: 10,
        height: 10,
        speed: 500
    });
    $(".three img:nth-child(1)").animate({
        opacity: 1
    }, 2000);
    setTimeout(function() {
        $(".three img:nth-child(2)").animate({
            opacity: 1
        }, 1000);
    }, 2000)
    setTimeout(function() {
        $(".two").animate({
            height: 41.69 + "rem"
        }, 3000);
    }, 2000)
    setTimeout(function() {
        $(".three img:nth-child(3)").animate({
            left: 7.03 + "rem"
        }, 500);
    }, 3000)
    setTimeout(function() {
        $(".three img:nth-child(4)").animate({
            left: 0.8 + "rem"
        }, 500);
    }, 3500)
    setTimeout(function() {
        $(".three img:nth-child(5)").animate({
            left: 7.03 + "rem"
        }, 500);
    }, 4000)
</script>